/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: ancien_css.css
* Version: 1.0.0 (2014-06-13) YYYY-MM-DD
* Website: http://site.com/
* Auteur: Rosa Mopolo
* Description: Défini la typographie, le layout, les positions des objets relies a la partie Ancien.
== STRUCTURE: ==============================
* Page width: 950 px
* Number of columns: 2
============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

input[type="text"], input[type="submit"],select,textarea,button,.customfile-button
{
    font-size: 0.8em;
    color: #1E53A2;
    height: 20px;
}

#ancien_content
{
    background-color: #FFFFFF;

}
#ancien_content h1, h2
{
    color: #1B4F9C;
    margin-bottom: 5px;
}
#ancien_content h3
{
    color: #2480D3;
    font-size: 1.2em;
    margin-bottom: 5px;
}

#detail_ancien_content
{
    background-color: #FFFFFF;
}

#detail_ancien_content .title h1, h2
{
    color: #1B4F9C;
    margin-bottom: 10px;
}
#detail_ancien_content .title h3
{
    color: #2480D3;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.info_ancien
{
    background-color: #EDF5FC;
    border-color: #44AEE4;
    border-radius: 10px;
    border-style: ridge;
    border-width: 1px;
    padding: 5px 5px 5px 5px;
    width: 300px;
    color: #1E53A2;

}

.info_ancien p
{
    line-height: 0.95em;
}

.info_ancien p a:hover , .info_ancien p a:visited, .info_ancien p a, .info_ancien a:hover , .info_ancien a:visited, .info_ancien a, .info_ancien p span  a:hover , .info_ancien p span  a:visited, .info_ancien p span a, .info_ancien p a, #info_photo p a:hover, #info_photo p a:visited
{
    color: #1B83BA;
}

#info_promo
{
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0px 5px 0px 5px;
    line-height: 0em;
}

#info_gen_photo
{
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

#info_general
{
    margin-bottom: 10px;
    margin-top: 10px;
}

#info_photo
{
    height: 80%;
    position: absolute;
    right: 0em;
    top: 0em;
    width: 100px;
    text-align: center;
}
.photo
{
    margin-top: -10px;
    width: 90px;
    overflow: auto;
}
#upload_file
{
    width:150px;
}

#info_file_social
{
    position: relative;
    height: 90px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#info_files
{
    height: 90%;
    overflow: auto;
}

#info_files div
{
    display: block;
    margin-bottom:10px;
    padding-bottom: 5px;
    margin-top:10px;
}

#info_files div span
{
    float:left;
}

.action_link
{
    display: block;
    float:right;
    position:absolute;
    right:55%;
}

#info_social_networks
{
    height: 90%;
    position: absolute;
    right: 0em;
    /*text-align: right;*/
    top: 0em;
    
}

#info_coordonnees
{
    position: relative;
    height: 130px;
    margin-bottom: 10px;
    margin-top: 10px;
}



#info_coordonnees_1
{
    height: 90%;
}
#info_coordonnees_2
{
    height: 90%;
    position: absolute;
    right: 0em;
    /*text-align: right;*/
    top: 0em;
}
#info_observation
{
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    width: 98%;
}

#accordion
{
    margin-top: 20px;
}

#modifier_detail_ancien_content
{
    background-color: #FFFFFF;
}

#modifier_detail_ancien_content h1, h2
{
    color: #1B4F9C;
    margin-bottom: 10px;
}
#modifier_detail_ancien_content h3
{
    color: #2480D3;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.th_logo
{
    width:25px;
}

#table_annuaire_ancien
{
    font-size: 1.0em;
    text-align: center;
    border:2px ridge #0067CE;
}

.table_left
{
    text-align: left;
}

#table_annuaire_ancien thead, #table_annuaire_ancien tfoot, #table_annuaire_ancien tfoot a 
{
    background-color: #2580D3;
    color: #FFFFFF;
}

#table_annuaire_ancien tbody tr {
    color:#2580D3;
}

#table_annuaire_ancien tbody tr:nth-child(even) {
    background-color: #9DCEFF;
    color:#FFFFFF;
}

#table_annuaire_ancien tbody tr:nth-child(even) a
{
    color: #FFFFFF;
}

#menu_links
{
    background-color: #44AEE4;
    border-color: #44AEE4;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    color:#FFFFFF;
    /*padding: 5px 5px 5px 5px;*/
    width: 100%;
    height: 40px;
    overflow: auto;
}

#menu_links ul
{
 padding:0;
 margin:0;
 list-style-type:none;
}
#menu_links li
{
 margin-left:2px;
 float:left; /*pour IE*/
}
#menu_links ul li a
{
 color:#FFFFFF;
 display:block;
 float:left;   
 width:100px;
 text-decoration:none;
 text-align:center;
 padding:5px;
}
#menu_links ul li a:hover
{
 color:#D3D3D3;
} 

.div_hide
{
    display: none;
    position: absolute;
    top:50%;
    left:42%;

    background-color: #EDF5FC;
    border-color: #44AEE4;
    border-radius: 10px;
    border-style: ridge;
    border-width: 1px;
    padding: 5px 5px 5px 5px;
    height: 200px;
    width: 350px;
}

.label
{
    color: #000046;
    font-weight: bold;
    margin-right:5px; 
}

.contenu_span
{
    margin-right: 30px;
}


#link_all_activate
{
    border-top: 1px solid #44AEE4;
    margin-top: 20px;
}

.plus_add
{
    display: block;
    float:right;
    position:relative;
    top:-17px;
    right: -3px;
    width: 20px;
}

.plus_add_sns
{
    display: block;
    float:right;
    position:relative;
    top:-4px;
    right: -3px;
    width: 20px;
}

.plus_add_emploi, .plus_add_stage, .plus_add_studies
{
    float:right;
    position:relative;
    top:-4px;
    right: -10px;
    width: 30px;
}

.close
{
    display: block;
    float:right;
    position:relative;
    top:-13px;
    right: 0px;
}

.trash
{
    display: block;
    position:relative;
    top:-1px;
    margin-left: 5px;
}

.logo_sns
{
    height: 30px;
}

#info_social_networks form
{
    line-height: 0em;
    vertical-align: center;
    float: left;
    position: relative;
    top: 0px;
    margin-left: 7px;
    height: 45px;
    width: 50px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-right: 10px;
}

.trash_sns
{
    display: block;
    float:right;
    position:relative;
    top:15px;
    right: 0px;
}

.action_link_sns
{
    display: block;
    position:relative;
    top:7px;
}

.disabled {
   pointer-events: none;
   cursor: default;
}

#sns_all_activate
{
    border-top: 1px solid #44AEE4;
    margin-top: 60px;
}

.important
{
    font-weight: bold;
    color:#FF0000;
}

#travail_ancien, #info_stage, #info_studies
{
    font-size: 0.8em;
    color: #0073E6;
}

#travail_ancien .info_ancien
{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

#div_add_emploi p
{
    text-align: left;
}





.input_englobant
{
    display: block;
    text-align: left;
    background-color: #80FF80;
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 100%;
    overflow: hidden;

}

.input_englobant span
{
    text-align: left;
    margin-right: 50px;
    width: 40%;
}
#div_adr_emploi
{
    margin-right: 0px;
}
#div_adr_emploi input
{
    width:80%;
}

label
{
    /*float:left;*/
    margin-right: 5px;
}

#travail_ancien div form
{
    text-align: left;
}

.trash_emploi
{
    display: block;
    float:right;
    position:relative;
    top:-15px;
    right: 0px;
    margin-left: 5px;
}
.pencil_emploi
{
    display: block;
    float:right;
    position:relative;
    top:-15px;
    right: 30px;
}

.pencil_obs
{
    display: block;
    float:right;
    position:relative;
    top:-2px;
    right: 2px;
}
.minuscule
{
    text-transform: lowercase;
}

.majuscule
{
    text-transform: uppercase;
}

.capital
{
    text-transform: capitalize;
}

.emploi_class div p div
{
    float: left;
}

#link_edit_del_emploi
{
    position: relative;
    top:10px;
    left: 15px;
}

#div_job
{
    position: absolute;
    top:80%;
    left:33%;
    text-align: left;
    height: 200px;
    width: 650px;
}

#div_job form
{
    font-size: 1.0em;
    text-align: left;
}

.lightbox-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    z-index: 1000;

}

.ui-datepicker-trigger
{
    height:15px;
}

#div_edit_obs label
{
    position: relative;
    top:0px;
}

#textarea_obs_edit
{
   width: 80%;
}

#info_coordonnees_1 form
{
    position: relative;
    top: 13px;
    left: 0px;
    line-height: 0px;
    text-align: left;
}

#info_coordonnees_1 form p
{
    margin-top:-10px;
    padding-top: -5px;
}

#div_adr_ancien input
{
  width : 75%;
}
#div_cp_ancien input
{
  width : 30%;
}
#div_ville_ancien input
{
  width : 46.5%;
}
#div_pays_ancien input
{
  width : 45.75%;
}

#info_coordonnees_2 form
{
    position: relative;
    top: 13px;
    left: 0px;
    line-height: 0px;
    text-align: left;
}

#info_coordonnees_2 form p
{
    margin-top:-10px;
    padding-top: -5px;
}


#div_tel_dom_ancien input, #div_tel_por_ancien input
{
  width :48.5%;
}

#div_email_1_ancien input, #div_email_2_ancien input
{
  width :70.5%;
}

#div_sns
{
    left: 50%;
    height: 160px;
    width: 180px;
}

#div_photo
{
    left: 50%;
    height: 130px;
    width: 180px;
}

#div_file
{
    left: 50%;
    height: 220px;
    width: 180px;
}



#div_sns label, #div_file label, #div_photo label, #div_sns input, #div_file input, #div_photo input, #div_sns select, #div_file select, #div_photo select, #div_sns button, #div_file button, #div_photo button{
  min-width: 150px;
  margin: 0;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For all Gecko based browsers */
          box-sizing: border-box;
}

#div_sns label, #div_file label, #div_photo label
{
    float: left;
    position: relative;
    left: 15px;
    font-size: 0.9em;
    text-align: left;
}

.ui-textfield {
    font: inherit;
    color: inherit;
    background: #FFFFFF;
    text-align: left;
    vertical-align: center;
    outline: none;
    cursor: text;
    height: 25px;
}

#info_observation textarea
{
    padding-left: 5px;
    padding-top: 3px;
    height: 3em;
}

.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item {
padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
height: 24px;
width: 24px;
top: 0.1em;
}
.ui-icon.facebook {
background: url("../images/logo/facebook.png") 0 0 no-repeat;
background-size: auto 20px;

}
.ui-icon.linkedin {
background: url("../images/logo/linkedin.png") 0 0 no-repeat;
background-size: auto 20px;
}
.ui-icon.skype {
background: url("../images/logo/skype.png") 0 0 no-repeat;
background-size: auto 20px;
}

.ui-icon.francais {
background: url("../images/logo/pays/france.png") 0 0 no-repeat;
background-size: 20px auto;

}
.ui-icon.anglais {
background: url("../images/logo/pays/united-kingdom.png") 0 0 no-repeat;
background-size: 20px auto;
}
.ui-icon.allemand {
background: url("../images/logo/pays/germany.png") 0 0 no-repeat;
background-size: 20px auto;
}
.ui-icon.espagnol {
background: url("../images/logo/pays/spain.png") 0 0 no-repeat;
background-size: 20px auto;

}
.ui-icon.italien {
background: url("../images/logo/pays/italy.png") 0 0 no-repeat;
background-size: 20px auto;
}

.ui-selectmenu-button
{
    font-size: 0.8em;
    color: #1E53A2;
    height: 20px;
}

.ui-menu-item
{
    font-size: 0.8em;
    color: #1E53A2; 
}

select[name=GMEM_TYPE_CONTRAT]
{
    width: 25%;
}

select[name=GMEM_NUMERO_ORDRE]
{
    width: 4%;
}

#div_photo input[type=submit]
{
    margin-top: 20px;
}

.file-wrapper {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
}
.file-wrapper input {
cursor: pointer;
font-size: 100px;
height: 100%;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
opacity: 0.01;
position: absolute;
right: 0;
top: 0;
}

.customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999; }

.customfile { width: 146px; background: transparent; cursor: pointer; overflow: hidden; padding: 2px; border: 1px solid #444; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; position: relative; top: 20px;left:-134px; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default; }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 0.8em; color: #1E53A2; font-style: italic; padding: .3em .6em; }
.customfile-feedback-populated { color: #1E53A2; font-style: normal; font-weight: bold; padding-left: 20px; background: url(../images/icon-generic.gif) left 4px no-repeat; }


/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(../images/icon-image.gif);}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(../images/icon-media.gif);}
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(../images/icon-zip.gif);}

.customfile-button {
cursor: pointer;
display: inline-block;
font-size: 0.8em;
    color: #1E53A2;
    height: 20px;
    vertical-align: center;
}
